.page {
  width: 1366px;
  height: 768px;
  font-family: PingFangSC-Semibold;
}
.block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #fdfafa;
  width: 1366px;
  height: 768px;
  overflow: hidden;
}
.banner {
  position: relative;
  margin-top: 1px;
  width: 957px;
  height: 517px;
}
.layer-wrapper {
  display: flex;
  position: absolute;
  top: 126px;
  right: 203px;
  align-items: center;
  width: 559px;
  height: 517px;
}
.layer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 559px;
  height: 517px;
}
.text-background {
  position: absolute;
  top: 254px;
  left: 47px;
  width: 322px;
  height: 9px;
}
.wrapper-item-0 {
  display: flex;
  position: absolute;
  top: 226px;
  left: 96px;
  align-items: flex-start;
  justify-content: center;
}
.badge {
  position: relative;
  width: 51px;
  height: 28px;
}
.group {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-1 {
  display: flex;
  position: absolute;
  top: 226px;
  left: 149px;
  align-items: flex-start;
  justify-content: center;
}
.label {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-1 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-1 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-2 {
  display: flex;
  position: absolute;
  top: 197px;
  left: 96px;
  align-items: flex-start;
  justify-content: center;
}
.tag {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-2 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-2 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-3 {
  display: flex;
  position: absolute;
  top: 197px;
  left: 149px;
  align-items: flex-start;
  justify-content: center;
}
.badge-1 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-3 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-3 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-4 {
  display: flex;
  position: absolute;
  top: 168px;
  left: 96px;
  align-items: flex-start;
  justify-content: center;
}
.label-1 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-4 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-4 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-4 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-5 {
  display: flex;
  position: absolute;
  top: 168px;
  left: 149px;
  align-items: flex-start;
  justify-content: center;
}
.tag-1 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-5 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-5 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-5 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-6 {
  display: flex;
  position: absolute;
  top: 138px;
  left: 149px;
  align-items: flex-start;
  justify-content: center;
}
.badge-2 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-6 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-6 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-6 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-7 {
  display: flex;
  position: absolute;
  top: 226px;
  left: 201px;
  align-items: flex-start;
  justify-content: center;
}
.label-2 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-7 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-7 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-7 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-8 {
  display: flex;
  position: absolute;
  top: 226px;
  left: 253px;
  align-items: flex-start;
  justify-content: center;
}
.tag-2 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-8 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-8 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-8 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-9 {
  display: flex;
  position: absolute;
  top: 197px;
  left: 201px;
  align-items: flex-start;
  justify-content: center;
}
.badge-3 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-9 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-9 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-9 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-10 {
  display: flex;
  position: absolute;
  top: 197px;
  left: 253px;
  align-items: flex-start;
  justify-content: center;
}
.label-3 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-10 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-10 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-10 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-11 {
  display: flex;
  position: absolute;
  top: 167px;
  left: 201px;
  align-items: flex-start;
  justify-content: center;
}
.tag-3 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-11 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-11 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-11 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-12 {
  display: flex;
  position: absolute;
  top: 167px;
  left: 253px;
  align-items: flex-start;
  justify-content: center;
}
.badge-4 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-12 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-12 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-12 {
  position: absolute;
  top: 173px;
  bottom: 0px;
  left: 2px;
  width: 12px;
  height: 2px;
}
.dot-13 {
  position: absolute;
  top: 173px;
  bottom: 0px;
  left: 2px;
  width: 12px;
  height: 2px;
}
.wrapper-item-13 {
  display: flex;
  position: absolute;
  top: 138px;
  left: 253px;
  align-items: flex-start;
  justify-content: center;
}
.label-4 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-13 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-13 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-14 {
  position: relative;
  width: 12px;
  height: 2px;
}
.icon-circle {
  position: absolute;
  top: 322px;
  left: 114px;
  width: 33px;
  height: 6px;
}
.icon-like {
  position: absolute;
  top: 312px;
  left: 122px;
  width: 17px;
  height: 10px;
}
.icon {
  position: absolute;
  top: 201px;
  right: 226px;
  width: 15px;
  height: 96px;
}
.text-background-1 {
  position: absolute;
  top: 305px;
  right: 79px;
  width: 311px;
  height: 25px;
}
.wrapper {
  display: flex;
  position: absolute;
  top: 125px;
  right: 87px;
  align-items: center;
  width: 146px;
  height: 198px;
}
.picture {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 146px;
  height: 198px;
}
.group-14 {
  display: flex;
  position: absolute;
  top: 18px;
  left: 54px;
  align-items: flex-start;
  justify-content: center;
}
.icon-piece {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 19px;
  height: 18px;
}
.icon-piece-1 {
  position: relative;
  width: 19px;
  height: 18px;
}
.group-15 {
  display: flex;
  position: absolute;
  top: 74px;
  left: 0px;
  align-items: flex-start;
  justify-content: center;
}
.icon-star {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 23px;
  height: 13px;
}
.icon-hot {
  position: relative;
  width: 23px;
  height: 13px;
}
.group-16 {
  display: flex;
  position: absolute;
  top: 31px;
  left: 14px;
  align-items: flex-start;
  justify-content: center;
}
.large-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 54px;
}
.large-icon-1 {
  position: relative;
  width: 60px;
  height: 54px;
}
.icon-good {
  position: absolute;
  bottom: 2px;
  left: 31px;
  width: 37px;
  height: 14px;
}
.icon-piece-2 {
  position: absolute;
  right: 1px;
  bottom: 0px;
  width: 31px;
  height: 14px;
}
.icon-circle-1 {
  position: absolute;
  top: 6px;
  left: 45px;
  width: 24px;
  height: 24px;
}
.group-17 {
  display: flex;
  position: absolute;
  right: 3px;
  bottom: 8px;
  align-items: flex-start;
  justify-content: center;
}
.image {
  position: relative;
  width: 98px;
  height: 169px;
}
.icon-piece-3 {
  position: absolute;
  top: 75px;
  left: 28px;
  width: 16px;
  height: 49px;
}
.icon-chat {
  position: absolute;
  top: 8px;
  left: 11px;
  width: 21px;
  height: 33px;
}
.icon-star-1 {
  position: absolute;
  top: 70px;
  left: 2px;
  width: 23px;
  height: 13px;
}
.group-18 {
  display: flex;
  position: absolute;
  top: 1px;
  left: 45px;
  align-items: flex-end;
  justify-content: center;
  height: 23px;
}
.icon-piece-4 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 27px;
  height: 23px;
}
.icon-text {
  position: relative;
  margin-right: 1px;
  width: 14px;
  height: 17px;
}
.icon-line {
  position: relative;
  width: 12px;
  height: 6px;
}
.large-icon-2 {
  position: absolute;
  top: 27px;
  left: 16px;
  width: 60px;
  height: 54px;
}
.wrapper-item-0-1 {
  display: flex;
  position: absolute;
  top: 299px;
  right: 252px;
  align-items: flex-start;
  justify-content: center;
}
.icon-circle-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.icon-circle-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.icon-circle-3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.view {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  margin-top: -1px;
}
.icon-circle-4 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.icon-circle-5 {
  position: relative;
  width: 16px;
  height: 16px;
}
.wrapper-item-0-2 {
  display: flex;
  position: absolute;
  top: 290px;
  right: 253px;
  align-items: flex-start;
  justify-content: center;
}
.icon-down {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 21px;
  height: 20px;
}
.icon-down-1 {
  position: relative;
  width: 21px;
  height: 20px;
}
.wrapper-item-1-1 {
  display: flex;
  position: absolute;
  top: 299px;
  left: 206px;
  align-items: flex-start;
  justify-content: center;
}
.icon-circle-6 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.icon-circle-wrapper-1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.icon-circle-7 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.view-1 {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  margin-top: -1px;
}
.icon-circle-8 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.icon-circle-9 {
  position: relative;
  width: 16px;
  height: 16px;
}
.wrapper-item-1-2 {
  display: flex;
  position: absolute;
  top: 290px;
  left: 209px;
  align-items: flex-start;
  justify-content: center;
}
.icon-down-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 21px;
  height: 20px;
}
.icon-down-3 {
  position: relative;
  width: 21px;
  height: 20px;
}
.icon-1 {
  position: absolute;
  top: 202px;
  right: 224px;
  width: 13px;
  height: 98px;
}
.logo {
  position: absolute;
  top: 286px;
  left: 189px;
  width: 134px;
  height: 8px;
}
.logo-1 {
  position: absolute;
  top: 292px;
  left: 189px;
  width: 136px;
  height: 9px;
}
.wrapper-item-2-1 {
  display: flex;
  position: absolute;
  top: 303px;
  left: 194px;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.icon-circle-10 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.icon-circle-11 {
  position: relative;
  margin-top: 1px;
  width: 16px;
  height: 16px;
}
.icon-down-4 {
  position: absolute;
  top: 295px;
  left: 197px;
  width: 21px;
  height: 20px;
}
.wrapper-item-3-1 {
  display: flex;
  position: absolute;
  top: 303px;
  right: 244px;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.icon-circle-12 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
}
.icon-circle-13 {
  position: relative;
  margin-top: 1px;
  width: 16px;
  height: 16px;
}
.icon-down-5 {
  position: absolute;
  top: 295px;
  right: 245px;
  width: 21px;
  height: 20px;
}
.wrapper-item-14 {
  display: flex;
  position: absolute;
  top: 261px;
  left: 205px;
  align-items: flex-start;
  justify-content: center;
}
.tag-4 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-19 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-14 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-15 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-15 {
  display: flex;
  position: absolute;
  top: 261px;
  right: 251px;
  align-items: flex-start;
  justify-content: center;
}
.badge-5 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-20 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-15 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-16 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-16 {
  display: flex;
  position: absolute;
  top: 232px;
  left: 205px;
  align-items: flex-start;
  justify-content: center;
}
.label-5 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-21 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-16 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-17 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-17 {
  display: flex;
  position: absolute;
  top: 232px;
  right: 251px;
  align-items: flex-start;
  justify-content: center;
}
.tag-5 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-22 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-17 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-18 {
  position: relative;
  width: 12px;
  height: 2px;
}
.wrapper-item-18 {
  display: flex;
  position: absolute;
  top: 203px;
  left: 205px;
  align-items: flex-start;
  justify-content: center;
}
.badge-6 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-23 {
  display: flex;
  position: absolute;
  top: 4px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-18 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-19 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-19 {
  display: flex;
  position: absolute;
  top: 203px;
  right: 251px;
  align-items: flex-start;
  justify-content: center;
}
.label-6 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-24 {
  display: flex;
  position: absolute;
  top: 4px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
}
.horizontal-line-19 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-20 {
  position: relative;
  margin-top: 1px;
  width: 12px;
  height: 2px;
}
.wrapper-item-20 {
  display: flex;
  position: absolute;
  top: 173px;
  right: 251px;
  align-items: flex-start;
  justify-content: center;
}
.tag-6 {
  position: relative;
  width: 51px;
  height: 28px;
}
.group-25 {
  display: flex;
  position: absolute;
  top: 5px;
  right: 17px;
  align-items: flex-start;
  justify-content: center;
  width: 16px;
  height: 3px;
}
.horizontal-line-20 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 3px;
}
.dot-21 {
  position: relative;
  width: 12px;
  height: 2px;
}
.large-icon-3 {
  position: absolute;
  top: 402px;
  right: 78px;
  width: 68px;
  height: 40px;
}
.action-bg {
  position: absolute;
  top: 402px;
  left: 69px;
  width: 167px;
  height: 40px;
}
.title {
  position: absolute;
  top: 385px;
  left: 97px;
  line-height: 54px;
  white-space: nowrap;
  color: #332929;
  font-family: SourceHanSansCN-Heavy;
  font-size: 36px;
}
.caption {
  position: absolute;
  bottom: 24px;
  left: 97px;
  line-height: 54px;
  white-space: nowrap;
  color: #332929;
  font-family: SourceHanSansCN-Heavy;
  font-size: 36px;
}
.welcome-yuanfeng {
  position: absolute;
  top: 431px;
  right: 121px;
  line-height: 24px;
  white-space: pre;
  color: #332929;
  font-size: 16px;
  font-weight: 600;
}
.tag-7 {
  position: absolute;
  bottom: 40px;
  left: 244px;
  line-height: 24px;
  white-space: nowrap;
  color: #332929;
  font-size: 16px;
  font-weight: 600;
}
.cover {
  position: absolute;
  right: 167px;
  bottom: 73px;
  width: 614px;
  height: 580px;
}
.container {
  display: flex;
  position: absolute;
  top: 126px;
  left: 206px;
  align-items: flex-end;
}
.background {
  position: relative;
  width: 399px;
  height: 517px;
}
.logo-2 {
  position: absolute;
  top: 73px;
  left: 124px;
  width: 147px;
  height: 62px;
}
.wrapper-1 {
  display: flex;
  position: absolute;
  top: 330px;
  left: 60px;
  align-items: flex-start;
  justify-content: center;
}
.icon-down-6 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.icon-chat-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.icon-chat-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.icon-complete {
  position: relative;
  width: 8px;
  height: 6px;
}
.wrapper-item-0-3 {
  display: flex;
  position: absolute;
  top: 186px;
  left: 59px;
  align-items: center;
  width: 281px;
}
.button-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 281px;
  height: 51px;
}
.icon-chat-wrapper-1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  width: 51px;
  height: 51px;
}
.icon-chat-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 51px;
  height: 51px;
}
.icon-circle-14 {
  position: absolute;
  top: 18px;
  left: 22px;
  width: 7px;
  height: 7px;
}
.play {
  position: absolute;
  top: 24px;
  left: 19px;
  width: 12px;
  height: 7px;
}
.icon-circle-15 {
  position: relative;
  width: 23px;
  height: 23px;
}
.input {
  position: relative;
  margin-top: -1px;
  line-height: 14px;
  white-space: nowrap;
  color: #cfcfcf;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  border: 0;
  background-color: #f8f5f5;
  outline: none;
}

.wrapper-item-1-3 {
  display: flex;
  position: absolute;
  top: 258px;
  left: 59px;
  align-items: center;
  width: 281px;
}
.action-bg-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 281px;
  height: 51px;
}
.icon-chat-wrapper-2 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  width: 51px;
  height: 51px;
}
.icon-chat-3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 51px;
  height: 51px;
}
.icon-lock {
  position: relative;
  margin-top: -1px;
  width: 20px;
  height: 24px;
}
.input-1 {
  position: relative;
  margin-top: -1px;
  line-height: 14px;
  white-space: nowrap;
  color: #cfcfcf;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  border: 0;
  background-color: #f8f5f5;
  outline: none;
}
.button-bg-wrapper {
  display: flex;
  position: absolute;
  top: 370px;
  left: 59px;
  align-items: center;
  justify-content: center;
  width: 281px;
  height: 51px;
}
.button-bg-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 281px;
  height: 51px;
}
.word {
  position: relative;
  margin-top: 2px;
  max-width: 269px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  white-space: nowrap;
  color: #332929;
  font-size: 16px;
  font-weight: 600;
}
.tag-8 {
  position: absolute;
  top: 328px;
  left: 86px;
  line-height: 21px;
  white-space: nowrap;
  color: #332929;
  font-family: PingFangSC-Regular;
  font-size: 14px;
}
